<template>
  <div class="home">
    <h1>Home Page</h1>
       <img src="./logo-magic-api.png"><img>
   <split-pane
       :distribute="0.2"
       :lineThickness="4"
       :isVertical="true"
       :firstMinValue="300"
       :hasBoxShadow="false"
     >
       <template #first>
         <a>askdjf</a>
       </template>

       <template #second
         >  <a>askdjf111</a></template
       >
     </split-pane>
      <el-button @click="showMessage" type="primary" icon="Check"
           >ElementUI-Plus</el-button
         >
  </div>
</template>
<script>
import { inject } from 'vue'
const $message = inject('message')
export default {
  data() {
    return {};
  },
  methods: {
    showMessage() {
      this.$message.success("测试成功");
    },
  },
};
</script>
